@charset "utf-8";
/*!
 * 基本方法包括浮动，清除浮动等，
 * 使用@extend，避免用于代码
 */

//基本样式
//========================
.hidden{
  display: none;
}

%borderBox{
  box-sizing: border-box;
}
%textCenter{
  text-align: center;
}
%blockCenter{
  display: block;
  margin: 0 auto;
}

%f20{
  font-size: 20px;
}
%f25{
  font-size: 25px;
}
%f30{
  font-size: 30px;
}
//浮动
//========================
%fl{
  float: left;
}
%fr{
  float: right;
}
//文本
//========================
%tc{
  text-align: center;
}
%tr{
  text-align: right;
}
%tl{
  text-align: left;
}
%vt{
  vertical-align: top;
}
%vm{
  vertical-align: middle;
}
%vb{
  vertical-align: bottom;
}

//清除浮动
//========================
%clearfix:after {
  content: '';
  display: table;
  clear: both;
}
%clearfix {
  zoom: 1;
}
//========================

@mixin col($col){
  width:percentage($col/12);
}

@mixin mb($mb:10px){
  %mb{
    margin-bottom: $mb;
  }
}